<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery-1.42.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.min.js" ></script>


<link href="${pageContext.request.contextPath}/css/bootstrap.min.css"
	rel="stylesheet" type="text/css">
<link href="${pageContext.request.contextPath}/css/font-awesome.min.css"
	rel="stylesheet" type="text/css">
<link href="${pageContext.request.contextPath}/css/base.css"
	rel="stylesheet" type="text/css">
<link href="${pageContext.request.contextPath}/css/index2.css"
	rel="stylesheet" type="text/css">
<link href="${pageContext.request.contextPath}/css/reg.css"
	rel="stylesheet" type="text/css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/css/headbott.css"
	type="text/css" />
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/css/ace.min.css"
	type="text/css" />
</head>
<script>
	window.onload = function() {
		var obtn = document.getElementById('btn'); //登录按钮
		var obox = document.getElementById('box');
		var obg = document.getElementById('bg');
		obtn.onclick = function() {

			obox.style.display = "block";
			obg.style.display = "block";
			// 用这个效果在IE6显示不全，因为body。html。document高度不全，那么就要，html，body{ width：100%； height100%；最只要是height；
			//不满足要求上网找特特效}
		}
	}
</script>
<body>
<%@include file="/WEB-INF/pages/front/common/cf_head.jsp" %>

	<script>
		var d_var = $(".search .search-txt").val();
		$(".search .search-txt").focus(function() {
			if ($(this).val() == d_var) {
				$(this).val("");
			}
		});

		$(".search .search-txt").blur(function() {
			if ($(this).val() == "") {
				$(this).val("找项目");
			}
		});
	</script>
	<div class="login-container">

		<div class="space-6"></div>

		<div class="position-relative">
			<div id="login-box" class="login-box visible widget-box no-border">
				<div class="widget-body">
					<div class="widget-main">
						<h4 class="header blue lighter bigger">
							<i class="ace-icon fa fa-coffee green"></i> 用户登陆
						</h4>

						<div class="space-6"></div>

						<form
							action="logincenter"
							method="post">
							<fieldset>
								<input type="hidden" id="head_status"
										name="head_status" class="form-control" value="${head_status}" />
								<label class="block clearfix"> <span
									class="block input-icon input-icon-left"> <i
										class="ace-icon fa fa-user"></i> <input type="text" id="email"
										name="usEmail" class="form-control" placeholder="邮箱或手机号码" />

								</span>
								</label> <label class="block clearfix"> 
									<span
									class="block input-icon input-icon-left"> <i
										class="ace-icon fa fa-lock"></i> <input type="password"
										id="usPassword" name="usPassword" class="form-control"
										placeholder="请输入密码" />

								</span>
								</label>
								<p style="color: red">${errMsg}</p>

								<div class="space"></div>

								<div class="clearfix">
									<label class="inline"> <input type="checkbox"
										class="ace" /> <span class="lbl"> 记住</span>
									</label>

									<button type="submit"
										class="width-35 pull-right btn btn-sm btn-primary">
										<i class="ace-icon fa fa-key"></i> <span class="bigger-110">登录</span>
									</button>
								</div>

								<div class="space-4"></div>
							</fieldset>
						</form>

						<div class="social-or-login center">
							<span class="bigger-110">第三方登录</span>
						</div>

						<div class="space-6"></div>

						<div class="social-login center">
							<a href="#"> <img
								src="${pageContext.request.contextPath}/images/weixin.png">
							</a> <a href="#"> <img
								src="${pageContext.request.contextPath}/images/qq.png">
							</a> <a href="#"> <img
								src="${pageContext.request.contextPath}/images/sina.png">
							</a>
						</div>

					</div>
					<!-- /.widget-main -->
					<div class="toolbar clearfix">
						<div>
							<a href="#" data-target="#forgot-box"
								class="forgot-password-link"> <i
								class="ace-icon fa fa-arrow-left"></i> 忘记密码
							</a>
						</div>

						<div>
							<a href="${pageContext.request.contextPath}/front/user/reg_jsp.action?head_status=${head_status}&logreg_flag=regist" data-target="#signup-box"
								class="user-signup-link"> 注册 <i
								class="ace-icon fa fa-arrow-right"></i>
							</a>
						</div>
					</div>
				</div>
				<!-- /.widget-body -->
			</div>
			<!-- /.login-box -->

			<!-- /.position-relative -->
		</div>
	</div>
	<!-- /.col -->
	<%@include file="/WEB-INF/pages/front/common/cf_bottom_2.jsp" %>
</body>
</html>